<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='进度查询')" />
<link th:href="@{plugins/common/css/basemessageDesk.css}" rel="stylesheet" />
<link th:href="@{css/desk/menu/operationCJ.css}" rel="stylesheet" />
<link th:href="@{css/loading.css}" rel="stylesheet" />
<link th:href="@{css/zzsc.css}" rel="stylesheet" />
<body class="sticky-header left-side-collapsed blank_bg" style="">
	<header class="topbar">
		<!-- page heading start-->
		<div class="head" id="titleHide">
			<div class="headTitle">进度查询</div>
			<div class="backIcon" title="返回" onclick="javascript:history.back(-1);">
				<i class="fa fa-arrow-left"></i>
			</div>
		</div>
		<div class="page-heading">
			<div class="" >
				<div id="father" style="background: #fff;">
					<div style="float: left;height:100px;">
						<span class="bottomSpan">销售单号：</span> 
						<input type="text" id="fBillNo" name="fBillNo" class="form-control clean_C" style="width: 150px; margin-right: 10px;margin-bottom: 10px;" autocomplete="off" />
						<span class="bottomSpan">物料名称：</span> 
						<input type="text" id="fName" name="fName" class="form-control clean_C" style="width: 150px; margin-right: 10px;" autocomplete="off" />		
						<span class="bottomSpan">规格型号：</span> 
						<input type="text" id="fModel" name="fModel" class="form-control clean_C" style="width: 150px; margin-right: 10px;" autocomplete="off" />
					</div>
					<div style="float: left;top: 50px;position: absolute;">
						<span class="bottomSpan">下单日期：</span> 
						<input type="text" id="startTime" name="startTime" class="form-control clean_C" style="width: 150px; margin-right: 10px;" autocomplete="off">-
						<input type="text" id="endTime" name="endTime" class="form-control clean_C" style="width: 150px; margin-right: 10px;" autocomplete="off">
					</div>
					<div style="float: left;">
						<button  type="button" class="btn btn-info bottomBTN" id="cx" style="font-size: 18px;">查询</button>
						<button  type="button" class="btn btn-info bottomBTN" id="reset" style="font-size: 18px;">重置</button>
						<button  type="button" class="btn btn-info bottomBTN" id="refresh" style="font-size: 18px;">刷新</button>
					</div>	
					<div style="margin-top: 10px;">
						<table id="bom" class="table dataTable table-hover tableList" style="">
						</table>
					</div>	
				</div>
				<div id="child" style="background: #fff;margin-top: 10px;">
					<div style="width: 50%;float: left;background: #fff">
					<div class="col-sm-12 col-md-12" style="margin: 5px 0 5px 0;">
					<span style="color: #17a9a8;height: 30px; line-height: 30px;font-weight:600;margin-top: 5px; font-size:20px;" id="">物料进度</span>
					</div>
					<table id="detail1" class="table table-striped table-hover"></table>
					</div>
					<div style="width: 50%;float: left;background: #fff">
					<div class="col-sm-12 col-md-12" style="margin: 5px 0 5px 0;">
					<span style="color: #17a9a8;height: 30px; line-height: 30px;font-weight:600;margin-top: 5px; font-size:20px;" id="material">物料进度</span>
					<a class="btn onback"  id="back" style="float:right;border:1px solid;">返回</a>
					</div>
					<table id="childdetail" class="table table-striped table-hover"></table>
					</div>
				</div>
				<div id="secondchild" style="background: #fff;margin-top: 10px;">
					<div style="background: #fff">
					<div class="col-sm-12 col-md-12" style="margin: 5px 0 5px 0;">
					<span style="color: #17a9a8;height: 30px; line-height: 30px;font-weight:600;margin-top: 5px;font-size:20px;" >物料进度</span>
					<a class="btn onback" id="back" style="float:right;border:1px solid;">返回</a>
					</div>
					<table id="detail" class="table table-striped table-hover"></table>
					</div>
					
				</div>
				<div id="thirdchild" style="background: #fff;margin-top: 10px;display:none;">
					<div style="background: #fff">
					<div class="col-sm-12 col-md-12" style="margin: 5px 0 5px 0;">
					<span style="color: #17a9a8;height: 30px; line-height: 30px;font-weight:600;margin-top: 5px; font-size:20px;" >物料进度</span>
					<a class="btn onback" id="back" style="float:right;border:1px solid;">返回</a>
					</div>
					<table id="thirddetail" class="table table-striped table-hover"></table>
					</div>
					
				</div>
				<div class="modal fade " id="modifyModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
								<div class="modal-dialog" style="width: 800px; height: 220px;">
									<div class="modal-content" style="width: auto;">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h4 class="modal-title" id="titleModal">详细信息</h4>
										</div>
										<div class="modal-body" style="height: auto; padding: 10px;">
							     	<div id="divBody" >
										  <table id="thirddetails" class="table table-striped table-hover" ></table>
									</div>
									
										</div>
									</div>
								</div>
				</div>
			</div>
			
		</div>
		<!-- page heading end-->
	</header>
	<span id="type" style="display: none;">1</span>
	<div th:include="base :: bottom" />
	<div th:include="base :: bootstrapTable" />
	<div th:include="base :: bootstrapTableTreeview" />
	<script th:src="@{js/desk/cus/customerOrder.js}"></script>
</body>
</html>